<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>My JSP 'chartDemo.jsp' starting page</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<script type="text/javascript" src="<%=basePath%>js/jquery-1.8.0.min.js"></script>
	<script type="text/javascript" src="<%=basePath%>js/hightchart/js/highcharts.js"></script>
	<script type="text/javascript" src="<%=basePath%>js/hightchart/chart.js"></script>
	
		<script type="text/javascript">
$(function () {

ChartTool.init({
 	container:'test',
 		url:'<%=basePath%>servlet/ChartDemoServlet',//请求地址
		parameter:{type:'pie'},//参数
		title:'统一权限系统日志',//title
		type:'pie',//图表类型 pie,column,line
		showInLegend:true,//饼图 是否显示图例
		numberfix:2,//百分比保留的小数位数
		lableColor:'#ff0000',//标签文字的颜色
		labelLineColor:'#00ff00',//连线的颜色
		showLabel:true,
		labelStyle:'percentage',//value 
		subtitle:'预览图'
 });
 
 

 ChartTool.init({
 	container:'column',
 		url:'<%=basePath%>servlet/ChartDemoServlet',//请求地址
		parameter:{type:'column'},//参数
		title:'这是title',//title
		type:'column',//图表类型 pie,column,line
		showInLegend:true,//饼图 是否显示图例
		numberfix:2,//百分比保留的小数位数
		lableColor:'#ff0000',//标签文字的颜色
		labelLineColor:'#00ff00',//连线的颜色
		showLabel:true,
		labelStyle:'value',
		subtitle:'副标题'
 });
ChartTool.init({
 	container:'line',
 		url:'<%=basePath%>servlet/ChartDemoServlet',//请求地址
		parameter:{type:'column'},//参数
		title:'这是title',//title
		type:'line',//图表类型 pie,column,line
		showInLegend:true,//饼图 是否显示图例
		numberfix:2,//百分比保留的小数位数
		lableColor:'#ff0000',//标签文字的颜色
		labelLineColor:'#00ff00',//连线的颜色
		showLabel:true,
		labelStyle:'value',
		subtitle:'副标题',
		yAxis:'大规模地'
 });


});
		</script>
  </head>
  
  <body>
<div id="test" style="min-width: 400px; width:400px;height: 400px; float:left;margin: 0 auto"></div>
<div id="column" style="min-width: 400px; width:400px;height: 400px; margin: 0 auto"></div>
<div id="line" style="min-width: 400px; width:400px;height: 400px; margin: 0 auto"></div>

<div id="pie" style="min-width: 400px; width:400px;float:left;height: 400px; margin: 0 auto"></div>
  </body>
</html>
